<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns:th="http://www.thymeleaf.org"> 
<head>
  <title>我的订单</title>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
  <meta name="description" content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.
">
  <link rel="stylesheet" href="lib/weui.min.css">
  <link rel="stylesheet" href="css/jquery-weui.css">
  <link rel="stylesheet" href="css/style.css">
  <style type="text/css">
    .ords-btn-dele01{display:inline-block; margin-left:10px; padding:2px 15px; font-size:14px; border:1px solid #333; border-radius:3px; color:#333;}
  </style>
<body>
<header class="wy-header" style="position:fixed; top:0; left:0; right:0; z-index:200;">
  <div class="wy-header-icon-back" onclick="back();"><span></span></div>
  <div class="wy-header-title">订单管理</div>
</header>
<div class='weui-content'>
  <div class="weui-tab">
    <div class="weui-navbar" style="position:fixed; top:44px; left:0; right:0; height:44px; background:#fff;">
      <a class="weui-navbar__item proinfo-tab-tit font-14 weui-bar__item--on" href="#tab1">全部</a>
      <!--<a class="weui-navbar__item proinfo-tab-tit font-14" href="#tab2">待付款</a>-->
      <a class="weui-navbar__item proinfo-tab-tit font-14" href="#tab3">待发货</a>
      <!--<a class="weui-navbar__item proinfo-tab-tit font-14" href="#tab4">待收货</a>-->
      <!--<a class="weui-navbar__item proinfo-tab-tit font-14" href="#tab5">待评价</a>-->
    </div>
    <div class="weui-tab__bd proinfo-tab-con" style="padding-top:87px;">

      <div id="tab1" class="weui-tab__bd-item weui-tab__bd-item--active">
        <div class="weui-panel weui-panel_access" th:each="lists:${list}">
          <div class="weui-panel__hd"><h5>订单号：</h5><span th:text="${lists.orderId}"></span><span class="ord-status-txt-ts fr" th:text="${lists.orderState}"></span></div>
          <div class="weui-media-box__bd  pd-10">
            <div class="weui-media-box_appmsg ord-pro-list" th:each="list2:${lists.goods}">
              <div class="weui-media-box__hd"><a href="pro_info.html" th:each="listimg:${list2.images}"><img class="weui-media-box__thumb" th:src="${listimg.path}" alt=""></a></div>
              <div class="weui-media-box__bd">
                <h1 class="weui-media-box__desc"><a href="pro_info.html" class="ord-pro-link"><span th:text="${list2.goodsName}"></span></a></h1>
                <p class="weui-media-box__desc">规格：<span th:text="${list2.model}"></span></p>
                <div class="clear mg-t-10">
                  <div class="wy-pro-pri fl">¥<em class="num font-15"th:text="${list2.price}"></em></div>
                  <div class="pro-amount fr"><span class="font-13">数量×<em class="name" th:text="${lists.orderNum}"></em></span></div>
                </div>
              </div>
            </div>
          </div>
          <div class="ord-statistics">
            <span>共<em class="num" th:text="${lists.orderNum}"></em >件商品，</span>
            <span class="wy-pro-pri">总金额：¥<em class="num font-15" th:text="${lists.allPrice}"></em></span>
            <span>(含运费<b>￥0.00</b>)</span>
          </div>
          <div class="weui-panel__ft">
            <!--<div class="weui-cell weui-cell_access weui-cell_link oder-opt-btnbox">-->
              <!--<a href="javascript:;" class="ords-btn-dele">删除订单</a>-->
            <!--</div>-->
          </div>
        </div>
      </div>
      <div id="tab2" class="weui-tab__bd-item">
        <div class="weui-panel weui-panel_access" th:each="listOne1:${listOne}">
          <div class="weui-panel__hd"><span th:text="${listOne1.orderId}"></span><span class="ord-status-txt-ts fr" th:text="${listOne1.orderState}"></span></div>
          <div class="weui-media-box__bd  pd-10">
            <div class="weui-media-box_appmsg ord-pro-list" th:each="list11:${listOne1.goods}">
              <div class="weui-media-box__hd"><a href="pro_info.html" th:each="listimg1:${list11.images}"><img class="weui-media-box__thumb" th:src="${listimg1.path}" alt=""></a></div>
              <div class="weui-media-box__bd">
                <h1 class="weui-media-box__desc"><a href="pro_info.html" class="ord-pro-link"><span th:text="${list11.goodsName}"></span></a></h1>
                <p class="weui-media-box__desc">规格：<span th:text="${list11.model}"></span></p>
                <div class="clear mg-t-10">
                  <div class="wy-pro-pri fl">¥<em class="num font-15" th:text="${list11.price}"></em></div>
                  <div class="pro-amount fr"><span class="font-13">数量×<em class="name" th:text="${listOne1.orderNum}"></em></span></div>
                </div>
              </div>
            </div>
          </div>
          <div class="ord-statistics">
            <span>共<em class="num" th:text="${listOne1.orderNum}"></em>件商品，</span>
            <span class="wy-pro-pri">总金额：¥<em class="num font-15" th:text="${listOne1.allPrice}"></em></span>
            <span>(含运费<b>￥0.00</b>)</span>
          </div>
          <div class="weui-panel__ft">
            <div class="weui-cell weui-cell_access weui-cell_link oder-opt-btnbox">
              <a href="javascript:;" class="ords-btn-dele">删除订单</a><a href="order_info2.html" class="ords-btn-com">去付款</a>
            </div>
          </div>
        </div>
      </div>
      <div id="tab3" class="weui-tab__bd-item">
        <div class="weui-panel weui-panel_access" th:each="list1:${list1}">
          <div class="weui-panel__hd"><h5>订单号：</h5><span th:text="${list1.orderId}"></span><span class="ord-status-txt-ts fr" th:text="${list1.orderState}"></span></div>
          <div class="weui-media-box__bd  pd-10">
            <div class="weui-media-box_appmsg ord-pro-list" th:each="list22:${list1.goods}">
              <div class="weui-media-box__hd"><a href="pro_info.html" th:each="listimg2:${list22.images}"><img class="weui-media-box__thumb" th:src="${listimg2.path}" alt=""></a></div>
              <div class="weui-media-box__bd">
                <h1 class="weui-media-box__desc"><a href="pro_info.html" class="ord-pro-link"><span th:text="${list22.goodsName}"></span></a></h1>
                <p class="weui-media-box__desc">规格：<span th:text="${list22.model}"></span></p>
                <div class="clear mg-t-10">
                  <div class="wy-pro-pri fl">¥<em class="num font-15" th:text="${list22.price}"></em></div>
                  <div class="pro-amount fr"><span class="font-13">数量×<em class="name" th:text="${list1.orderNum}"></em></span></div>
                </div>
              </div>
            </div>
          </div>
          <div class="ord-statistics">
            <span>共<em class="num" th:text="${list1.orderNum}"></em>件商品，</span>
            <span class="wy-pro-pri">总金额：¥<em class="num font-15" th:text="${list1.allPrice}"></em></span>
            <span>(含运费<b>￥0.00</b>)</span>
          </div>
          <!--<div class="weui-panel__ft">-->
            <!--<div class="weui-cell weui-cell_access weui-cell_link oder-opt-btnbox">-->
              <!--<div><a th:href="@{/address.htm(orderId=${list1.orderId})}" style="font-size: 20px; color: red">去发货</a></div>-->
            <!--</div>-->
          <!--</div>-->
          <div class="weui-panel__ft">
            <div class="weui-cell weui-cell_access weui-cell_link oder-opt-btnbox">
              <a th:href="@{/address.htm(orderId=${list1.orderId})}" class="ords-btn-dele01">去发货</a>
            </div>
          </div>
        </div>
      </div>
      <div id="tab4" class="weui-tab__bd-item">
        <div class="weui-panel weui-panel_access" th:each="listThree1:${listThree}">
          <div class="weui-panel__hd"><span th:text="${listThree1.orderId}"></span><span class="ord-status-txt-ts fr" th:text="${listThree1.orderState}"></span></div>
          <div class="weui-media-box__bd  pd-10">
            <div class="weui-media-box_appmsg ord-pro-list" th:each="list33:${listThree1.goods}">
              <div class="weui-media-box__hd"><a href="pro_info.html" th:each="listimg3:${list33.images}"><img class="weui-media-box__thumb" th:src="${listimg3.path}" alt=""></a></div>
              <div class="weui-media-box__bd">
                <h1 class="weui-media-box__desc"><a href="pro_info.html" class="ord-pro-link"><span th:text="${list33.goodsName}"></span></a></h1>
                <p class="weui-media-box__desc">规格：<span th:text="${list33.model}"></span></p>
                <div class="clear mg-t-10">
                  <div class="wy-pro-pri fl">¥<em class="num font-15" th:text="${list33.price}">296.00</em></div>
                  <div class="pro-amount fr"><span class="font-13">数量×<em class="name" th:text="${listThree1.orderNum}"></em></span></div>
                </div>
              </div>
            </div>
          </div>
          <div class="ord-statistics">
            <span>共<em class="num" th:text="${listThree1.orderNum}"></em>件商品，</span>
            <span class="wy-pro-pri">总金额：¥<em class="num font-15" th:text="${listThree1.allPrice}"></em></span>
            <span>(含运费<b>￥0.00</b>)</span>
          </div>
          <div class="weui-panel__ft">
            <div class="weui-cell weui-cell_access weui-cell_link oder-opt-btnbox">
              <a href="javascript:;" class="ords-btn-com receipt">确认收货</a>
            </div>
          </div>
        </div>
      </div>
      <div id="tab5" class="weui-tab__bd-item">
        <div class="weui-panel weui-panel_access" th:each="listFour1:${listFour}">
          <div class="weui-panel__hd"><span th:text="${listFour1.orderId}"></span><span class="ord-status-txt-ts fr" th:text="${listFour1.orderState}"></span></div>
          <div class="weui-media-box__bd  pd-10">
            <div class="weui-media-box_appmsg ord-pro-list" th:each="list44:${listFour1.goods}">
              <div class="weui-media-box__hd"><a href="pro_info.html" th:each="listimg4:${list44.images}"><img class="weui-media-box__thumb" th:src="${listimg4.path}" alt=""></a></div>
              <div class="weui-media-box__bd">
                <h1 class="weui-media-box__desc"><a href="pro_info.html" class="ord-pro-link"><span th:text="${list44.goodsName}"></span></a></h1>
                <p class="weui-media-box__desc">规格：<span th:text="${list44.model}"></span></p>
                <div class="clear mg-t-10">
                  <div class="wy-pro-pri fl">¥<em class="num font-15" th:text="${list44.price}"></em></div>
                  <div class="pro-amount fr"><span class="font-13">数量×<em class="name" th:text="${listFour1.orderNum}"></em></span></div>
                </div>
              </div>
            </div>
          </div>
          <div class="ord-statistics">
            <span>共<em class="num" th:text="${listFour1.orderNum}"></em>件商品，</span>
            <span class="wy-pro-pri">总金额：¥<em class="num font-15" th:text="${listFour1.allPrice}"></em></span>
            <span>(含运费<b>￥0.00</b>)</span>
          </div>
          <div class="weui-panel__ft">
            <div class="weui-cell weui-cell_access weui-cell_link oder-opt-btnbox">
              <a href="comment.html" class="ords-btn-com">去评价</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>


  <script src="lib/jquery-2.1.4.js"></script>
  <script src="lib/fastclick.js"></script>
  <script>
      $(function() {
          FastClick.attach(document.body);
      });
  </script>
  <script src="js/jquery-weui.js"></script>
  <script>

      $(document).on("click", ".ords-btn-dele", function() {
          $.confirm("您确定要删除此订单吗?", "确认删除?", function() {
              $.toast("订单已经删除!");
          }, function() {
              //取消操作
          });
      });
      $(document).on("click", ".receipt", function() {
          $.alert("五星好评送蓝豆哦，赶快去评价吧！", "收货完成！");
      });

  </script>
  <script>
    function back() {
        window.location.href=document.referrer;
    }
  </script>
</body>
</html>
